<template>
    <div class="lixin_nav_banner" id="Works">

      <div class="container">
        <div class="lixin_row row">
          <!-- Optional: clear the XS cols if their content doesn't match in height -->
          <div class="clearfix visible-xs-block"></div>
          <div class="col-xs-6 col-sm-3"><router-link to="/works/Format" class="active"><span style="border: 0px;font-style: normal" >业态<br>Format</span></router-link></div>
          <!-- <div class="col-xs-6 col-sm-3"><router-link to="Typology"><span>类型<br>Typology</span></router-link></div>
          <div class="col-xs-6 col-sm-3"><router-link to="/works/Location"><span>位置<br>Location</span></router-link></div>
          <div class="col-xs-6 col-sm-3"><router-link to="/works/lixinTime"><span>时间<br>Time</span></router-link></div> -->
        </div>
      </div>

      <router-view></router-view>

    </div>
</template>

<script>
    export default {
        name: "works"
    }
</script>

<style scoped>
  .lixin_row{
    padding-bottom: 0px;
    display: flex;
    justify-content:space-around;
  }
  .lixin_nav_banner .lixin_row div{
    text-align: center;
    padding-bottom: 15px;
  }
  .lixin_nav_banner .lixin_row > div > span {
    color: #000000;
    height: 80px;
    line-height: 50px;
  }
  /*.lixin_row  span {*/
    /*color: #000000;*/
  /*}*/


</style>
